html,body {
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
}

// 省钱控商品
.container {
  max-width: 960px;
  margin: 0 auto;
  background-color: #fff;
  ul {
    a {
      padding: 14px 8px;
      display: flex;
      justify-content: space-between;
      .pic {
        padding-right: 10px;
        img {
          width: 100px;
          height: 100px;
        }
      }
      .info {
        flex: 1;
        .title {
          color: #333;
          font-size: 15px;
          margin-bottom: 15px;
          span {
            color: #ff6c00;
          }
        }
        .other {
          font-size: 12px;
          color: #a9a1b5;
          margin-top: 50px;
          display: flex;
          justify-content: space-between;
          span:nth-child(2) {
            float: right;
            img {
              width: 15px;
              height: 15px;
              display: inline-block;
              vertical-align: middle;
              margin-right: 4px;
            }
          }
        }
      }
    }
  }
}

.page {
  display: flex;
  justify-content: space-around;
  background-color: #f2f2f2;
  padding-top: 20px;
  a {
    font-size: 14px;
    padding: 8px 20px;
    border-radius: 5px;
    background-color: #d4d4d4;
    box-shadow: 0 0 1px #666;
    border-bottom: 1px solid #bababa;
  }
  select {
    font-size: 16px;
    height: 32px;
  }
}